<script setup lang="ts">
import { ref } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()
const profile = ref({
  userId: route.params.id,
  age: 25,
  location: '北京',
  occupation: '软件工程师'
})
</script>

<template>
  <div class="profile">
    <h3>用户档案</h3>
    <p>年龄: {{ profile.age }}</p>
    <p>地址: {{ profile.location }}</p>
    <p>职业: {{ profile.occupation }}</p>
  </div>
</template>

<style scoped>
.profile {
  margin: 15px 0;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
}
</style> 